<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>兄弟节点</title>
		<script>
			window.onload=function(){
				//通过id获取到元素ul
				var oul=document.getElementById("myUl");
				//获取ul元素下第一个子节点之后紧跟的兄弟节点
				var next=oul.firstChild.nextSibling;
				//获取ul元素下最后一个子节点之前紧跟的兄弟节点
				var pre=oul.lastChild.previousSibling;
				console.log(next.innerHTML);   //打印HTML
				console.log(pre.innerHTML);    //打印JS
			}		
		</script>
	</head>
	<body>
		<ul id="myUl">
			<li>HTML</li>
			<li>CSS</li>
			<li>JS</li>
		</ul>
	</body>
</html>
